<template>
  <el-row
    type="flex"
    justify="space-between"
    align="middle"
    class="title-lable"
  >
    <div class="left">
      {{ label }}<span>{{ subLabel }}</span>
    </div>
    <div class="right">
      <slot name="right"></slot>
    </div>
  </el-row>
</template>

<script>
export default {
  name: "TitleLable",
  props: {
    label: {
      type: String,
      default: "",
    },
    subLabel: {
      type: String,
      default: "",
    },
    des: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="scss" scoped>
.title-lable {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  background: linear-gradient(
    90deg,
    rgba(40, 90, 144, 0.76) 0%,
    rgba(66, 109, 165, 0) 100%
  );

  .left {
    font-size: 18px;
    font-weight: bold;
    span {
      font-size: 14px;
    }
  }
  .right {
    color: #58b2ff;
    cursor: pointer;
  }
}
</style>
